<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String path = request.getContextPath();%>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    <title>酒店后台管理系统</title>
    <jsp:include page="common2.jsp"/>
</head>
<body>
<div class="header">
    <div class="logo">
        <a href="<%=path%>/house/hotel_index"><img style="width:300px;height:100px;" src="<%=path%>/images/hotel_log.png"/></a>
    </div>
    <div class="nav" style="position: relative;">
        <ul class="clearfix" style="display: flex">
            <li>
                <i class="fa fa-cube font_lager"></i>
                <p data-id="main">主页</p>
            </li>
            <li style="display: block;width:80px">
                <i class="fa fa-paste font_lager"></i>
                <p data-fast="house_manager">房间管理</p>
            </li>
<%--            <li>--%>
<%--                <i class="fa fa-user-plus font_lager"></i>--%>
<%--                <p data-fast="book_manager">订房管理</p>--%>
<%--            </li>--%>
            <li>
                <i class="fa fa-file-text font_lager"></i>
                <p data-id="check_in">入住</p>
            </li>
            <li>
                <i class="fa fa-user-circle-o font_lager"></i>
                <p data-id="check_out">退房</p>
            </li>
            <li style="display: block;width:80px">
                <i class="fa fa-users font_lager"></i>
                <p data-id="customer">客户查询</p>
            </li>
            <li style="display: block;width:150px">
                <i class="fa fa-cogs font_lager"></i>
                <p data-id="expenses">员工、维修管理</p>
            </li>
        </ul>
    </div>
<%--    <div class="nav_roll f_left" style="display:none;">--%>
<%--        <div class="f_left">--%>
<%--            <i class="fa fa-caret-left fa-1x"></i>--%>
<%--        </div>--%>
<%--        <div class="f_right">--%>
<%--            <i class="fa fa-caret-right fa-1x"></i>--%>
<%--        </div>--%>
<%--    </div>--%>
    <ul class="login_msg" style="position: absolute;right: 0px">
        <li title="赵氏皇家大酒店">赵氏皇家大酒店</li>
        <li><a href="javascript:void(0);">退出</a></li>
    </ul>
</div>
<!--top end-->
<div class="main_left">
    <h2><i class="menu_icon fa fa-reorder"></i></h2>
    <ul class="menu">
        <!--主页-->
        <li>
            <i class="menu_icon fa fa-list"></i>
            <a href="javascript:void(0);" data-id="main" data-href="<%=path%>/house/main">主页</a>
        </li>
        <!--房间管理-->
        <li>
            <i class="menu_icon fa fa-clipboard"></i>
            <a href="javascript:void(0);" data-fast="house_manager" data-href="<%=path%>/house/house_manager">四合一房间管理</a>
        </li>
<%--        <li>--%>
<%--            <i class="menu_icon fa fa-clipboard"></i>--%>
<%--            <a href="javascript:void(0);" data-fast="house_manager" data-href="<%=path%>/house/house_add">增加房间</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <i class="menu_icon fa fa-clipboard"></i>--%>
<%--            <a href="javascript:void(0);" data-fast="house_manager" data-href="<%=path%>/house/house_delete">删除房间</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <i class="menu_icon fa fa-clipboard"></i>--%>
<%--            <a href="javascript:void(0);" data-fast="house_manager" data-href="<%=path%>/house/house_update">修改房间</a>--%>
<%--        </li>--%>
        <!--订房管理-->
<%--        <li>--%>
<%--            <i class="menu_icon fa fa-user-plus"></i>--%>
<%--            <a href="javascript:void(0);" data-fast="book_manager" data-href="hotel_book">订房管理</a>--%>
<%--        </li>--%>

        <!--入住-->
        <li>
            <i class="menu_icon fa fa-file-text-o"></i>
            <a href="javascript:void(0);" data-id="check_in" data-href="<%=path%>/enter/hotel_checkin">办理入住</a>
        </li>
        <!--退房-->
        <li>
            <i class="menu_icon fa fa-user-plus"></i>
            <a href="javascript:void(0);" data-id="check_out"  data-href="<%=path%>/fee/hotel_checkout">退房</a>
        </li>
        <!--客户查询-->
        <li>
            <i class="menu_icon fa fa-users"></i>
            <a href="javascript:void(0);" data-id="customer" data-href="<%=path%>/customer/customer_list">客户列表</a>
        </li>
        <li>
            <i class="menu_icon fa fa-plus-square"></i>
            <a href="javascript:void(0);" data-id="customer" data-href="<%=path%>/customer/customer_query">客户查询</a>
        </li>
        <!--维修管理-->
        <li>
            <i class="menu_icon fa fa-history"></i>
            <a href="javascript:void(0);" data-id="expenses" data-href="<%=path%>/user/expenses_Record">员工管理</a>
        </li>
        <li>
            <i class="menu_icon fa fa-hourglass-half"></i>
            <a href="javascript:void(0);" data-id="expenses" data-href="<%=path%>/user/expenses">维修管理</a>
        </li>




    </ul>
</div>
<!--left end-->
<div class="main_right">
    <iframe src="http://localhost:8080/MySSMTest_war_exploded/house/main" name="cont_box" frameborder="0" width="100%" height="100%" seamless></iframe>
</div>
<!--desktop end-->
<!--javascript include-->
<script>
    $("iframe[name='cont_box']").on("load", function () {
        $(".loading").hide();
        setTimeout(function () {
            $("iframe[name='cont_box']").css("opacity", "1");
        }, 500);
    });
    $(function () {
        $(".loading").hide();
        setTimeout(function () {
            $("iframe[name='cont_box']").css("opacity", "1");
        }, 500);
        $(".nav li:first").trigger("click");
    });
    jQuery("body").jrdek({Mtop: ".header", Mleft: ".main_left", Mright: ".main_right", foldCell: ".main_left h2"});
    $(".logo").click(function () {
        $("iframe[name='cont_box']").prop("href", "main");
    });
</script>
</body>
</html>
